<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta name="screen-orientation" content="portrait" />
    <meta name="full-screen" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <title>基于vue的节假日日历组件</title>
    <link rel="stylesheet" href="css/element_2.4.7.css"/>
    <link rel="stylesheet" href="css/simple-calendar.css"/>
    <!--<link rel="stylesheet/less" href="css/common.less"/>-->
</head>
<body>
<div id="app1" style="pointer-events: none;">
    <input id="date" v-model="today"/>
    <button>{{today}}</button>
</div>
    <div id='container'></div>


    <!--<div id="app">-->
        <!--<el-date-picker-->
                <!--v-model="value1"-->
                <!--type="date"-->
                <!--placeholder="选择日期"-->
                <!--:picker-options="pickerOptions1"-->
        <!--&gt;-->
        <!--</el-date-picker>-->
    <!--</div>-->
</body>

<script src="js/jquery-2.1.4.min.js"></script>

<!--<script type="text/javascript">-->
    <!--less = {-->
        <!--env: "development",-->
        <!--async: false,-->
        <!--fileAsync: false,-->
        <!--poll: 1000,-->
        <!--functions: {},-->
        <!--dumpLineNumbers: "comments",-->
        <!--relativeUrls: false,-->
        <!--rootpath: ":/a.com/"-->
    <!--};-->
<!--</script>-->
<!--<script src="js/less.js"></script>-->
<!--<script src="js/common.js"></script>-->
<!-- import Vue before Element -->
<script src="js/vue_2.5.17.js"></script>
<!-- import JavaScript -->
<script src="js/element_2.4.7.js"></script>
<script src="js/simple-calendar.js"></script>
<script>
    var myCalendar = new SimpleCalendar('#container');
    // myCalendar.addMark('2018-11-1', 'aaa');

    var app = new Vue({
        el: '#app1',
        data: function() {
            return {
                today: '2018-11-12'
                // pickerOptions1: {
                //     disabledDate:function(time) {
                //         return time.getTime() > Date.now();
                //     }
                // }
            }
        },
        methods: {

        }
    });
</script>

</html>